<div class="breadcrumb-area breadcrumb-bg pt-85 pb-85 mb-80">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-container">
                    <ul>
                        <li><a href="/">Home</a> <span class="separator">/</span></li>
                        <li class="active">FAQ</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page-section mb-80">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="faq-wrapper">

                    <div id="accordion">
                        {volist name="list" id="vo" key="i"}
                        <div class="card">
                            <div class="card-header" id="headingOne{$i}">
                                <h5 class="mb-0">
                                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne{$i}"
                                            aria-expanded="true" aria-controls="collapseOne">
                                        {$vo.title} <span> <i class="fa fa-chevron-down"></i>
												<i class="fa fa-chevron-up"></i> </span>
                                    </button>
                                </h5>
                            </div>

                            <div id="collapseOne{$i}" class="collapse show" aria-labelledby="headingOne{$i}" data-parent="#accordion">
                                <div class="card-body">
                                    <p>{$vo.content}</p>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--=====  End of FAQ page content  ======-->